<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <script src="https://cdn.bootcss.com/jquery/1.12.2/jquery.min.js"></script>
    <script src="../angular.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <style>
        @font-face {
            font-family: 'iconfont';  /* project id 287951 */
            src: url('//at.alicdn.com/t/font_jryb4mz0va8xgvi.eot');
            src: url('//at.alicdn.com/t/font_jryb4mz0va8xgvi.eot?#iefix') format('embedded-opentype'),
            url('//at.alicdn.com/t/font_jryb4mz0va8xgvi.woff') format('woff'),
            url('//at.alicdn.com/t/font_jryb4mz0va8xgvi.ttf') format('truetype'),
            url('//at.alicdn.com/t/font_jryb4mz0va8xgvi.svg#iconfont') format('svg');
        }
        ul{
            margin: 0;
            padding: 0;
        }
        a{
            text-decoration:none;
            color: #fff;
        }
        a:link{
            text-decoration:none;
        }
        a:visited{
            text-decoration:none;
        }
        a:hover{
            text-decoration:none;
        }
        a:active{
            text-decoration:none;
        }
        .iconfont{
            font-family:"iconfont";
            font-size:16px;
            font-style:normal;
            color: #aaa;
        }
        .wh-slidebar-menu{
            width: 230px;
            background: #333;
        }
        .wh-slidebar-menu a{
            position: relative;
        }
        .wh-slidebar-menu t{
           color: #fff;
        }
        .wh-slidebar-menu .nav>li>a:hover{
            background: #666;
            border-left-color: indianred;
            cursor: pointer;
        }
        .wh-slidebar-menu .nav>li>a.active{
            background: #666;
            border-left-color: indianred;
        }
        .wh-slidebar-menu li a{
            border-left: 3px solid transparent;
        }
        .menu-row{
            position: absolute;
            right:10px;
        }
        .menu-nav-icon{
            margin-right: 10px;
            font-size: 14px;
        }
        .wh-slidebar-menu2{
            background: #ccc;
        }
        .wh-slidebar-menu2 a{
            display: block;
            padding: 8px 25px;
        }
        .wh-slidebar-menu2 a:hover{
            color: #aaa;
        }
    </style>
</head>
<body ng-app="myApp">

<!--<div class="wh-slidebar-menu">-->
    <!--<ul class="nav">-->
        <!--<li class="">-->
            <!--<a class="active">-->
                <!--<t><i class="iconfont menu-nav-icon">&#xe6b4;</i>Home</t>-->
                <!--<i class="iconfont menu-row">&#xe6a6;</i>-->
                <!--<i class="iconfont menu-row"  style="display: none">&#xe6a5;</i>-->
            <!--</a>-->
            <!--<ul class="wh-slidebar-menu2">-->
                <!--<li>-->
                    <!--<a >-->
                        <!--<i class="iconfont menu-nav-icon">&#xe8b5;</i>-->
                        <!--Home-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a >-->
                        <!--<i class="iconfont menu-nav-icon">&#xe8b5;</i>-->
                        <!--Home-->
                    <!--</a>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a >-->
                <!--<t><i class="iconfont menu-nav-icon">&#xe6b4;</i>Home</t>-->
                <!--<i class="iconfont menu-row">&#xe6a6;</i>-->
                <!--<i class="iconfont menu-row"  style="display: none">&#xe6a5;</i>-->
            <!--</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a >-->
                <!--<t><i class="iconfont menu-nav-icon">&#xe6b4;</i>Home</t>-->
                <!--<i class="iconfont menu-row">&#xe6a6;</i>-->
                <!--<i class="iconfont menu-row"  style="display: none">&#xe6a5;</i>-->
            <!--</a>-->
        <!--</li>-->
    <!--</ul>-->
<!--</div>-->
<div ng-controller="consoleCtrl">
    <ytt-menu>
        <ytt-menu-item ng-repeat="item in ff">
            <t><i class="iconfont menu-nav-icon">&#xe6b4;</i>{{item.name}}</t>
            <ytt-menu-item2 ng-repeat="menu in item.children">
                <t>{{menu.name}}</t>
            </ytt-menu-item2>
        </ytt-menu-item>
    </ytt-menu>
</div>



</body>
<script src="menu.js"></script>

</html>
